<template>
  <router-view />
</template>

<script>
  import Vue from "vue";
  import ECharts from "vue-echarts/components/ECharts";
  import "echarts/lib/component/tooltip";
  import "echarts/lib/component/graphic";

  Vue.component("chart", ECharts);

  export default {
    name: "charts_view"
  };
</script>

<style lang="less">
  .el-card.charts {
    display: flex;
    flex-direction: column;
    flex: auto;
    .el-card__header {
      flex: none;
      .tool-bar i {
        cursor: pointer;
        margin-left: 20px;
      }
    }
    .el-card__body {
      flex: auto;
      display: flex;
      .echarts {
        flex: auto;
      }
    }
  }
</style>
